<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
/* 选中标签*/
        h2{
         color: pink;
        }
        h3{
         color: chartreuse;
        }
    </style>
<!--  rel指定引入的资源是什么   href指定引入的资源路径 -->
    <link rel="stylesheet" href="my.css">
</head>
<body>
<!--内联引入 css样式-->
<!--style样式-->
<h1 style="color: red;">内联引入</h1>
<h1>内联引入--不能复用</h1>
<hr>
<!--内部引入-->
<h2>内部引入</h2>
<h2>内部引入--在当前界面实现复用</h2>
<h2>内部引入--跨页面不能复用</h2>
<hr>
<!--外部引入-->
<h3>外部引入</h3>
<h3>外部引入--都可以复用</h3>
<!--优先级 就近原则，内联样式>内部样式>外部样式-->
<h3 style="color: red">外部引入</h3>
</body>
</html>